/* banner */
#banner {
    display: flex;
}

/* bannerLeft */
.bannerLeft {
    width: 200px;
    height: 430px;
    position: relative;
    z-index: 200;
}

.bannerLeft ul {
    width: 200px;
    height: 420px;
    margin-top: 5px;
    position: relative;
}

.bannerLeft ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #f3f3f3;
    color: #444;
}

.bannerLeft ul li p.active {
    border: 1px solid #ff0;
    background-color: #ffffff;
    box-sizing: border-box;
    position: relative;
    z-index: 101;
    border-right: none;
}

.bannerLeft ul li .subMenu {
    width: 580px;
    height: 490px;
    background-color: #ffffff;
    position: absolute;
    left: 196px;
    top: 0;
    border: 1px solid #fd6800;
    z-index: 100;
    display: none;
    /* color: #000;
    font-size: 100px;
    text-align: center;
    line-height: 420px; */

}
.subMenuContent{
    margin-left: 32px;
   
}
 .subMenuContent1{
    width: 500px;
    /* border: blue 1px solid; */
    height: 45px;
    margin-top: 10px;
}
#title {
    width: 500px;
    height: 30px;
    /* border: red 1px solid; */
}

#title li {
    float: left;
    color: #191919;
    background-color: #ffffff;
    line-height: 30px;
    margin-right: 30px;

}

.subMenu span{
    width: 500px;
    height: 20px;
    margin-top: 2px;
    /* border: tomato 1px solid; */
    font-size: larger;
    /* line-height: 20px; */
}
.subMenu hr{
    width: 500px;
    color: #0f0e0e;
}
.bannerLeft ul li .subMenu.active {
    display: block;
}
#title-end li{
    background-color: #ffffff;
    /* border: chartreuse 1px solid; */
    height: 20px;
    margin-top: -6px;
    line-height: 20px;
}
/* end bannerLeft */
/* bannerRight */
/* 轮播 */
.bannerRight {
    width: 1000px;
    height: 430px;
    background-color: #ff0;
}

/* end bannerRight */
/* end banner */
/* recommend */
/* .recommendHead */
.recommendHead {
    height: 40px;
    line-height: 40px;
    border-bottom: 6px solid #ff6600;
    box-sizing: border-box;
    font-size: 20px;
    text-indent: 20px;
}

/* .recommendContent */
.recommendContent {
    height: 500px;
    padding-left: 3px;
}

/* 鼠标 */
.box199250 {
    width: 199px;
    height: 250px;
    border-left: 1px solid #ff6600;
    border-bottom: 1px solid #ff6600;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

/* 右边框 */
.borderRight {
    border-right: 1px solid #ff6600;
}

/* 文字 */
.box199250 p {
    text-align: left;
    margin-top: 7px;
    text-indent: 10px;
}

.pName {
    font-size: 15px;
}

.pDiscription {
    color: #ff6600;
    font-size: 12px;
    margin-top: 5px;
}

/* 限购图标 */
.limitedTime {
    width: 75px;
    height: 25px;
    background-position: -202px -100px;
}

/* end recommend */

/* ebook */
#ebook {
    height: 480px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* ebookLeft */
#ebook .ebookLeft {
    width: 900px;
    height: 480px;
}

.ebookLeftContent {
    width: 900px;
    height: 440px;
    display: flex;
}

.ebookLeftContentLeft {
    width: 240px;
    height: 440px;
    background-color: #f9f9f9;
}

.ebookLeftContentLeft img {
    width: 240px;
    height: 280px;
}

/* 文字部分 */
.ebookLeftContentLeft ul li {
    width: 33.3%;
    margin-top: 20px;
    float: left;
    font-size: 15px;
}

.ebookLeftContentRight {
    width: 660px;
    height: 440px;
}

/* 轮播 */
.box330220 {
    width: 330px;
    height: 220px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
}

/* 奥运狂欢 */
.box165220 {
    width: 165px;
    height: 220px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

/* 文字 */
.box165220 p {
    width: 100%;
    text-indent: 10px;
}

/* 奥运狂欢书 */
.box165220 .pImg {
    text-align: center;
    /* position: absolute; */
    /* top: 70px; */
}

/* 右边框线 */
.borderRight2 {
    border-right: 1px solid #ccc;
}

/* endebookLeft */

/* ebookRight */
#ebook .ebookRight {
    width: 280px;
    height: 440px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#ebook .ebookRight ul li {
    display: flex;
}

#ebook .ebookRight ul li .liRight {
    width: 260px;
    height: auto;
    border-bottom: 1px solid #ccc;
    display: flex;
}

/* 编码 */
.bookNum {
    width: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

/* 名字 */
.bookName {
    width: 260px;
    height: 40px;
    line-height: 42px;
}

.bookName.active {
    display: none;
}

.bookImg {
    width: 100px;
    height: 145px;
    display: none;
}

.bookImg.active {
    display: block;
}

.bookImg img {
    width: 100%;
    height: 100%;
}

.bookDiscription {
    width: 125px;
    height: 145px;
    font-size: 12px;
    line-height: 15px;
    margin-left: 10px;
    display: none;
}

.bookDiscription.active {
    display: block;
}

/* end ebook */
/* clothes */
.clothesContent {
    width: 100%;
    height: 500px;
    display: flex;
}

.clothesContentLeft {
    width: 240px;
    height: 500px;
    background-color: #f9f9f9;
}

.clothesContentLeft img {
    width: 240px;
    height: 350px;
}

.clothesContentLeft ul li {
    width: 33.3%;
    height: 40px;
    float: left;
}


/* 轮播图 */
.clothesContentRight {
    width: 960px;
    height: 500px;
}

.clothesContentRight ul li {
    float: left;
}

/* 430*340  176*340 430*160 176*160 */
.box430340 {
    width: 430px;
    height: 340px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

/* 达芙妮 */
.box176340 {
    width: 176px;
    height: 340px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.box176340 p {
    text-indent: 10px;
    line-height: 30px;
}

.box176340 .pDiscription {
    color: #f9f9f9;
    background-color: #ff6600;
    width: 100px;
    height: 25px;
    border-radius: 10px;
}

.box176340 .pName2 {
    font-size: 15px;
    margin-top: 8px;
    color: #ccc;
}

.box176340 img {
    width: 174px;
}

/* 单图 */
.box430160 {
    width: 430px;
    height: 160px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.box430160 img {
    width: 100%;
    height: 100%;
}

/* 赫臻 */
.box176160 {
    width: 176px;
    height: 160px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.box176160 p {
    text-indent: 10px;
    line-height: 24px;
}

.box176160 img {
    width: 174px;
}

/* 下标图 */
.clothesImg {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

/* end clothes */
/* home left*/
.homeContentLeft img {
    width: 496px;
    height: 500px;
}

/* end home left*/
/*popularize*/
/* 三点 */
.publicHederRight2 ul {
    width: 120px;
    height: 40px;
    display: flex;
    margin-right: 45px;
}

.publicHederRight2 ul li {
    width: 40px;
    height: 40px;
    color: #ccc;
    font-size: 160px;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    margin-right: 10px;
}

.publicHederRight2 ul li.active {
    color: #ff6600;
}

/* 外框样式 */
.populalizeContent {
    width: 1200px;
    height: 650px;
    position: relative;
    overflow: hidden;
}

.populalizeContent>ul {
    width: 300%;
    height: 650px;
    position: absolute;
    left: 0;
    top: 0;
}

/* 法国奶嘴 奶瓶 男装 */
.box215300 {
    width: 215px;
    height: 300px;
    /* background-color:green; */
    display: inline-block;
    padding: 30px;
    vertical-align: top;
    box-sizing: border-box;
    margin: 12px 10px;
    border: 1px solid #000;
}

.box215300:hover {
    background-color: #ccc;
}

/* 外框 */
.one,
.two,
.three {
    width: 1200px;
    height: 650px;
    float: left;
}

.one ul {
    width: 1200px;
    height: 650px;
}

.two ul {
    width: 1200px;
    height: 650px;
}

.three ul {
    width: 1200px;
    height: 650px;
}

/* 框中图片大小 */
.box215300 img {
    width: 150px;
    height: 150px;
}

/* end popular */
/* 侧面导航 */
.floorScroll{
    width: 40px;
    height: 320px;
    /* background-color: #f00; */
    border:1px solid #ccc;
    position:fixed;
    left:20px;
    top:200px;
}
.floorScroll li{
    width: 40px;
    height: 40px;
}
.f0{
    background-position:0px -240px;
}
.f1{
    background-position:0px 0px;
}
.f2{
    background-position:0px -40px;
}
.f3{
    background-position:0px -160px;
}
.f4{
    background-position:0px -80px;
}
.f5{
    background-position:0px -320px;
}
.f6{
    background-position:0px -440px;
}
.f7{
    background-position:0px -520px;
}

/* //动态添加提示文本的标签span */
.floorScroll li span{
    position:relative;
    left:40px;
    top:10px;
    font-size:12px;
    color:#fff;
}

/* 侧面导航 */

/* 右侧助手 */
.rightHelp{
    width: 40px;
    height: 180px;
    border:1px solid #ccc;
    background-color: #f00;
    /* 子盒子absolute,父盒子也可以是fixed */
    position:fixed;
    top:200px;
    right:100px;
    
    
}
.rh1{
    width: 40px;
    height: 40px;
    background-position:-400px -350px;
}
.rh2{
    width: 40px;
    height: 100px;
    background-position:-400px -400px;
    position:relative;
    z-index:10;
    
}
.rh3{
    width: 40px;
    height: 40px;
    background-position:-400px -500px;
}
.rh4{
    width: 100px;
    height: 100px;
    background-position:-400px -200px;
    position:absolute;
    left:40px;
    top:40px;
    z-index:2;
}
/* 右侧助手 */